page,
view,
text,
cover-view,
cover-image,
button,
icon,
picker,
radio,
checkbox,
input,
form,
label,
textarea,
rick-text,
progress,
scroll-view,
slider,
switch,
swiper,
swiper-item,
image {
	box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input, textarea {
  caret-color: #e60012;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

image,
video,
canvas,
audio {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

image,
video {
  height: auto;
  border: none;
  outline: none;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

button::after {
  border: none;
}

::-webkit-scrollbar {
  display: none; /* 完全隐藏滚动条 */
  width: 0;
  height: 0;
  color:transparent;
  -webkit-appearance: none;
}
